<div class="layui-fluid">
    <div class="layui-row layui-col-space15">

        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">提醒类</div>
                <div class="layui-card-body">

                    <div class="layui-carousel layadmin-carousel layadmin-backlog">
                        <div carousel-item >
                            <ul class="layui-row layui-col-space10 ">
                                <li class="layui-col-xs6">
                                    <a lay-href="/iframe/link/baidu" class="layadmin-backlog-body">
                                        <h3>未申报提醒</h3>
                                        <p><cite>66</cite></p>
                                    </a>
                                </li>
                                <li class="layui-col-xs6">
                                    <a lay-href="app/forum/list" class="layadmin-backlog-body">
                                        <h3>未催缴提醒</h3>
                                        <p><cite>12</cite></p>
                                    </a>
                                </li>
                                <li class="layui-col-xs6">
                                    <a lay-href="template/goodslist" class="layadmin-backlog-body">
                                        <h3>清算状态提醒</h3>
                                        <p><cite>99</cite></p>
                                    </a>
                                </li>
                                <li class="layui-col-xs6">
                                    <a lay-href="template/goodslist" class="layadmin-backlog-body">
                                        <h3>未催报提醒</h3>
                                        <p><cite>99</cite></p>
                                    </a>
                                </li>
                            </ul>
                            <ul class="layui-row layui-col-space10">
                                <li class="layui-col-xs6">
                                    <a lay-href="template/goodslist" class="layadmin-backlog-body">
                                        <h3>即办/非流转事项提醒</h3>
                                        <p><cite>99</cite></p>
                                    </a>
                                </li>
                                <li class="layui-col-xs6">
                                    <a lay-href="template/goodslist" class="layadmin-backlog-body">
                                        <h3>超期注销提醒</h3>
                                        <p><cite>99</cite></p>
                                    </a>
                                </li>
                                <li class="layui-col-xs6">
                                    <a lay-href="template/goodslist" class="layadmin-backlog-body">
                                        <h3>注销纳税人(流转事项)风险分析结果提醒</h3>
                                        <p><cite>99</cite></p>
                                    </a>
                                </li>

                                <li class="layui-col-xs6">
                                    <a lay-href="template/goodslist" class="layadmin-backlog-body">
                                        <h3>未登记房产税/土地使用税纳税人提醒</h3>
                                        <p><cite>99</cite></p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">对比类</div>
                <div class="layui-card-body">

                    <div class="layui-carousel layadmin-carousel layadmin-backlog">
                        <div carousel-item>
                            <ul class="layui-row layui-col-space10">
                                <li class="layui-col-xs6">
                                    <a lay-href="template/goodslist" class="layadmin-backlog-body">
                                        <h3>纳税人土地使用税数据比对（待定）</h3>
                                        <p><cite>99</cite></p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">管理类</div>
                <div class="layui-card-body">

                    <div class="layui-carousel layadmin-carousel layadmin-backlog">
                        <div carousel-item>
                            <ul class="layui-row layui-col-space10">
                                <li class="layui-col-xs6">
                                    <a lay-href="app/content/comment" class="layadmin-backlog-body">
                                        <h3>税负提醒</h3>
                                        <p><cite>66</cite></p>
                                    </a>
                                </li>
                                <li class="layui-col-xs6">
                                    <a lay-href="app/forum/list" class="layadmin-backlog-body">
                                        <h3>财务报表数据质量监控</h3>
                                        <p><cite>12</cite></p>
                                    </a>
                                </li>
                                <li class="layui-col-xs6">
                                    <a lay-href="template/goodslist" class="layadmin-backlog-body">
                                        <h3>建筑项目跟踪管理</h3>
                                        <p><cite>99</cite></p>
                                    </a>
                                </li>
                            </ul>

                        </div>
                    </div>
                </div>
            </div>
        </div>


    </div>
</div>


<script>
    //加载 controller 目录下的对应模块
    /*

      小贴士：
        这里 console 模块对应 的 console.js 并不会重复加载，
        然而该页面的视图则是重新插入到容器，那如何保证能重新来控制视图？有两种方式：
          1): 借助 layui.factory 方法获取 console 模块的工厂（回调函数）给 layui.use
          2): 直接在 layui.use 方法的回调中书写业务代码，即:
              layui.use('console', function(){
                //同 console.js 中的 layui.define 回调中的代码
              });

      这里我们采用的是方式1。其它很多视图中采用的其实都是方式2，因为更简单些，也减少了一个请求数。

    */
    layui.use('console', layui.factory('console'));
</script>


<script>
layui.use(['admin', 'form', 'upload'], function(){
  var $ = layui.$
  ,form = layui.form
  ,upload = layui.upload;
  // 动态获取角色信息
  $(function () {
    $.ajax({
      url: "./json/checkboxdata.js",
      type:'post',
      dataType:'json',
      success:function (res) {
        var s = [];
        if (res.code == 0){
          for (let i = 0; i < res.data.length; i++) {
            s.push(`<input type='checkbox' name='${res.data[i].name}' title='${res.data[i].name}' {{ d.params.role.indexOf('${res.data[i].name}')!=-1 ? 'checked' : '' }} > `)
          }
          $('#checkboxdata').append(s.join(""));
          // console.log("结果数组====》" + s)
          form.render();

        }


      }
    })
  })
  //上传头像
  upload.render({
    elem: '#layuiadmin-upload-useradmin'
    ,url: './json/upload/demo.js'
    ,accept: 'images'
    ,method: 'get'
    ,acceptMime: 'image/*'
    ,done: function(res){
      $(this.item).prev("div").children("input").val(res.data.src)
    }
  });
})
</script>